// 这是购物车的vuex模块
export default {
  // 为当前模块开启命名空间
  namespaced: true,
  // 模块的state数据
  state: () => ({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    cartInfo: JSON.parse(uni.getStorageSync("cartInfo") || "[]")
  }),
  // 模块的 mutations 方法
  mutations: {
    // 定义修改state里面的cart函数
    addToCart(state, goodsInfo) {
      // 对state里面的数组遍历,判断穿过的的商品是否存在购物车
      const index = state.cartInfo.findIndex(item => {
        return item.goods_id === goodsInfo.goods_id
      })
      if (index == -1) {
        // 如果不存在,就往数组里面追加
        state.cartInfo.push(goodsInfo)
      } else {
        // 如果已经存在,就让里面的数量增加1
        state.cartInfo[index].goods_count++
      }
      // 调用持久化的函数
      this.commit("my_cart/saveToStorage")
    },
    // 定义持久化的函数
    saveToStorage(state) {
      // 把cartInfo里面的数据保存在本地
      uni.setStorageSync("cartInfo", JSON.stringify(state.cartInfo))
    },
    // 定义修改单选框radio状态的相关函数
    updateGoodsState(state, goods) {
      const index = state.cartInfo.findIndex(item => {
        return item.goods_id === goods.goods_id
      })
      // 修改复选框的状态
      state.cartInfo[index].goods_state = goods.goods_state
      // 持久化存储
      this.commit("my_cart/saveToStorage")
    },
    // 定义修改商品数量的goods_count的函数
    updateGoodsNumber(state, goods) {
      const index = state.cartInfo.findIndex(item => {
        return item.goods_id === goods.goods_id
      })
      state.cartInfo[index].goods_count = goods.goods_count
      // 持久化处理 
      this.commit("my_cart/saveToStorage")
    },
    // 根据 Id 从购物车中删除对应的商品信息
    removeGoodsById(state, goods_id) {
      // 调用数组的 filter 方法进行过滤
      state.cartInfo = state.cartInfo.filter(x => x.goods_id !== goods_id)
      // 持久化存储到本地
      this.commit("my_cart/saveToStorage")
    },
    // 更新所有商品的勾选状态e
    updateAllGoodsState(state, newState) {
      // 循环更新购物车中每件商品的勾选状态
      state.cartInfo.forEach(x => x.goods_state = newState)
      // 持久化存储到本地
      this.commit('my_cart/saveToStorage')
    }
  },
  // 模块的 getters 属性
  getters: {
    // 动态的显示购物车里面的商品总数
    totalCartNumber(state) {
      let num = 0;
      // 遍历cartInfo里面的数据的goods_count
      state.cartInfo.forEach(item =>
        num = num + item.goods_count
      )
      return num
    },
    // 定义已选商品的总数量
    checkoutCount(state) {
      return state.cartInfo.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
    },
    // 定义已经勾选商品总价格的计算属性
    checkedGoodsAmount(state) {
      return state.cartInfo.filter(x => x.goods_state).reduce((init, item) => {
        return init += item.goods_count * item.goods_price
      }, 0).toFixed(2)
    }
  },
}
